import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import highlight from './directives/highlight';
import 'highlight.js/styles/atom-one-light.css';
import 'virtual:svg-icons-register';

import Checkbox from '@/views/components/Checkbox/Checkbox.vue'
import Button from '@/views/components/Button/Button.vue'
import Switch from '@/views/components/Switch/Switch.vue'
import Icon from '@/views/components/Icon/Icon.vue'
import Modal from '@/views/components/Modal/Modal.vue'

const app = createApp(App)
app.directive('highlight', highlight);

app.component('Checkbox',Checkbox)
app.component('Button',Button)
app.component('Switch',Switch)
app.component('Icon',Icon)
app.component('Modal',Modal)

app.use(router)
app.mount('#app')
